<style>
#mychart {
    margin:10px 10px 10px 10px;
    width: 400px;
    height:400px;
}
</style>
<div class="intro">
<p>This example shows how to use `Charts` to create a Pie Chart.</p>
</div>
<div class="example">
{{>charts-pie-source}}
</div>
<h3>Creating a Pie `Chart`.</h3>


<p>The `Chart` class also allows you to create a Pie Chart. All you need to do is set the `type` attribute to "pie", define your `categoryKey`,
`seriesKey` and `seriesCollection`.</p>

<h4>CSS</h4>
```
#mychart {
    margin:10px 10px 10px 10px;
    width:400px;
    height:400px;
}
```

<h4>HTML</h4>
```
<div id="mychart"></div>
```

<h4>JavaScript</h4>
```
YUI().use('charts', function (Y)
{
    // Create data
    var myDataValues = [
            {day:"Monday", taxes:2000},
            {day:"Tuesday", taxes:50},
            {day:"Wednesday", taxes:4000},
            {day:"Thursday", taxes:200},
            {day:"Friday", taxes:2000}
    ];

    var pieGraph = new Y.Chart({
            render:"#mychart",
            categoryKey:"day",
            seriesKeys:["taxes"],
            dataProvider:myDataValues,
            type:"pie",
            seriesCollection:[
                {
                    categoryKey:"day",
                    valueKey:"taxes"
                }
            ]
        });
});
```
